﻿@page "/docs/helpers/enums/tooltip"

<Seo Canonical="/docs/helpers/enums/tooltip" Title="Enums: Tooltip" Description="Learn to use and work with the Blazorise Tooltip enums that help you to modify the tooltip appearance." />

<DocsPageTitle>
    Enums: Tooltip
</DocsPageTitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipPlacement">
        <Paragraph>Defines the placement of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TooltipPlacement.Top</Code> Top-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.TopStart</Code> Top-left side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.TopEnd</Code> Top-right side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Bottom</Code> Bottom-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.BottomStart</Code> Bottom-left side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.BottomEnd</Code> Bottom-right side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Left</Code> Left-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.LeftStart</Code> Left-top side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.LeftEnd</Code> Left-bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Right</Code> Right-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.RightStart</Code> Right-top side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.RightEnd</Code> Right-bottom side.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipTrigger">
        <Paragraph>Determines the events that cause the tooltip to show.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TooltipTrigger.MouseEnterFocus</Code> Tooltip will show on mouse enter and focus event (default option).</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.Click</Code> Tooltip will show on click event only.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.Focus</Code> Tooltip will show on focus event only.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.MouseEnterClick</Code> Tooltip will show on mouse enter and click event.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>